/*本代码由素材家园收集并编辑整理;
尊重他人劳动成果;
转载请保留素材家园链接 - www.sucaijiayuan.com
*/
 
.dtpicker-overlay{
	z-index: 2000;
	display:none;
	min-width: 300px;
	background: rgba(0, 0, 0, 0.8);
	font-size: 70%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dtpicker-mobile{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.dtpicker-overlay * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dtpicker-bg{
	width: 100%;
	height: 100%;
	font-family: Arial;
}

.dtpicker-cont{
	border: 1px solid #ECF0F1;
	border-radius: 0.5rem !important;
}

.dtpicker-mobile .dtpicker-cont{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	/* border: none; */
	width: 90%;
	left: 5%;
	background-color: #fff;
	border-radius: 0.5rem !important;
}

.dtpicker-content{
	margin: 0px auto;
	padding: 1em 0em;
	max-width: 500px;
	background: #fff;
}

.dtpicker-mobile .dtpicker-content{
	width: 97%;	
}

.dtpicker-subcontent{
	position: relative;
}

.dtpicker-header{
	margin: 0.2em 1em;
}

.dtpicker-header .dtpicker-title{
	color: #313131;
	text-align: center;
	font-size: 1.3em;
}

.dtpicker-header .dtpicker-close{
	position: absolute;
	top: -0.7em;
	right: 0.3em;
	padding: 0.5em 0.5em 1em 1em;
	color: #313131;
	font-size: 1.5em;
	cursor: pointer;
}

.dtpicker-header .dtpicker-close:hover{
	color: #db382b;
}

.dtpicker-header .dtpicker-value{
	padding:  0.8em 0.2em 0.2em 0.2em;
	color: #db382b;
	text-align: center;
	font-size: 1.4em;
}

.dtpicker-components{
	overflow: hidden;
	margin: 1em 1em;
	font-size: 1.4em;
}

.dtpicker-components *{
	margin: 0px;
	padding: 0px;
}

.dtpicker-components .dtpicker-compOutline{
	display: inline-block;
	float: left;
}

.dtpicker-comp2{
	width: 50%;
}

.dtpicker-comp3{
	width: 33.3%;
}

.dtpicker-comp5{
	width: 20%;
}

.dtpicker-comp6{
	width: 16.66%;
}

.dtpicker-components .dtpicker-comp{
	margin: 2%;
	text-align: center;
}

.dtpicker-components .dtpicker-comp > *{
	display: block;
	height: 30px;
	color: #313131;
	text-align: center;
	line-height: 30px;
}

.dtpicker-components .dtpicker-comp > *:hover{
	color: #2980B9;
}

.dtpicker-components .dtpicker-compButtonEnable{
	opacity: 1;
}

.dtpicker-components .dtpicker-compButtonDisable{
	opacity: 0.5;
}

.dtpicker-components .dtpicker-compButton{
	background: #FFFFFF;
	font-size: 140%;
	cursor: pointer;
}

.dtpicker-components .dtpicker-compValue{
	margin: 0.4em 0em;
	width: 100%;
	border: none;
	background: #FFFFFF;
	font-size: 100%;
	-webkit-appearance: none;
}

.dtpicker-overlay .dtpicker-compValue:focus{
	outline: none;
	background: #F2FCFF;
}

.dtpicker-buttonCont{
	overflow: hidden;
	margin: 0.2em 1em;
}

.dtpicker-buttonCont .dtpicker-button{
	display: block;
	padding: 0.6em 0em;
	width: 47%;
	background: #db382b;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.5em;
	cursor: pointer;
	border-radius: 0.7rem;
}

.dtpicker-buttonCont .dtpicker-button:hover{
	color: #FFFFFF;
}

.dtpicker-singleButton .dtpicker-button{
	margin: 0.2em auto;
}

.dtpicker-twoButtons .dtpicker-buttonSet{
	float: left;
}

.dtpicker-twoButtons .dtpicker-buttonClear{
	float: right;
}